<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<div class='drawloading' style='display:none'>
    <div class='errorlocation'>
    <img src="${el:getWebRootPath()}/resource/images/drawloading.gif" />
    <div class='errorTip' style="margin-top:10px;">数据请求中</div>
    </div>
</div>
<div onselectstart="return false;">
<!-- 摊铺车图片存放开始 -->
<div class='vehicle'></div>
<!-- 摊铺车图片存放结束 -->

<!-- 左下角地图米数显示 -->
<div class="amap-scalecontrol" style="left:10px;bottom: 20px;visibility: visible;">
	<div class="amap-scale-text" id='amap-scale-text'>3米</div>
	<div class="amap-scale-line">
		<div class="amap-scale-edgeleft"></div>
		<div class="amap-scale-edgeright" style="left: 61px;"></div>
		<div class="amap-scale-middle" style="width: 60px;"></div>
	</div>
</div>
<!-- 左下角地图米数显示结束 -->

<!-- 右下角放大缩小返回按钮集合 -->
<div id="scalebox" class="zdeps-1 usel">
     <div id='zoom_back' class="zoom_back"><span>返回</span></div>
	 <div id="zoom_enlarge" class="zoom_add"><span>放大</span></div>
	 <div id='zoom_reduce' class="zoom_reduce"><span>缩小</span></div>
</div>
<!-- 右下角放大缩小返回按钮集合结束 -->

<!-- 遍数，速度，温度tab切换 -->
<div class="darwtab">
     <ul>
         <li id="frequency" class='current' res="times">
             <span>遍数</span>
             <div class='tablevel'>
                  <div class='colorImage'></div>
             </div>
         </li>
         <li id='paverSpeed' res="speed">
             <span>速度</span>
             <div class='tablevel'>
                  <ul>
                      <li class="bule">过低</li>
                      <li class="green">正常</li>
                      <li class="red">过高</li>
                  </ul>
             </div>
         </li>
         <li id='paverTemperature' res="temperature">
             <span>温度</span>
             <div class='tablevel'>
                  <ul>
                      <li class="bule">过低</li>
                      <li class="green">正常</li>
                      <li class="red">过高</li>
                  </ul>
             </div>
         </li>
     </ul>
</div>
<!-- 遍数，速度，温度tab切换结束 -->
<div id='getlnglat' class="getlnglat"></div>
<div class='trackPlayback'>
   <ul></ul>
</div>
<input id="darwVehicleId" type="hidden" name="vehicle" />
<div class='vehicleType'>
   <ul></ul>
</div>

<div class='playSetUp'>
   <div class="">
      <div id='play' class="play"><span>播放</span></div>
      <div id="suspend" class="suspend"><span>暂停</span></div>
      <div id="refresh" class="refresh"><span>重播</span></div>
      <div class="multiple">
          <div class="multipleText">
              <div id='multipleHtml' res='1'>正常倍数</div>
              <span></span>
          </div>
          <div class="multipleList">
               <ul>
                    <li class="current" res='1'>正常倍数</li>
                    <li res='5'>5倍数</li>
                    <li res='10'>10倍数</li>
                    <li res='20'>20倍数</li>
                    <li res='50'>50倍数</li>
                    <li res='500'>500倍数</li>
               </ul>
          </div>
      </div>
   </div>
   <div class="videoProgress" style="margin-top: 10px;">
        <div id='playbackTotalTime' class="videoTime"></div>
        <div class="progressBar"><div id="progressSpeed"></div></div>
   </div>
</div>
<!-- 轨迹存放 -->
<div class='canvasbody'></div>
<!-- <div id="draw" class='draw'></div> -->
</div>
<script>
	seajs.use("dcs/asphalt/trail/js/rackPlayback",function(A){
		A.trans();
	});
</script>
